﻿@{
    ViewBag.Title = "Gallery";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
    }
@section tab{
   <ul class="menu">
                         <li><a href="/Admin/AdminHome" class="nav1 style4">  Home </a></li>
                         <li class="divider"></li>
                         <li><a href="/Admin/AddProduct" class="nav2 style4">Add Products</a></li>
                         <li class="divider"></li>
                         <li><a href="/Admin/Gallery" class="nav2 style4">Gallery</a></li>                        
                         <li class="divider"></li>        
                         <li><a href="/Admin/ShowReviews" class="nav6 style4">View Comments</a></li>                        
                         <li class="divider"></li>                         
                         <li><a href="/Account/Logout" class="nav4 style4">Logout</a></li>
                         <li class="divider"></li>
                    </ul>

             <div class="right_menu_corner"></div>


    
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="~/Content/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="~/Scripts/jquery.fancybox.js?v=2.1.4"></script>
}
@section left
{
    <div class="left_content">
    <div class="title_box">Selling Reports</div>
    
        <ul class="left_menu">
        <li class="even"><a href="#">Today Report</a></li>
         <li class="odd"><a href="#">Weekly Reports</a></li>
        </ul> 
}
<h2>Gallery</h2>
@foreach(var x in ViewBag.X)
{
 
<a class="fancybox" href="~/images/@x.Product_Image" alt="">
      <img src="~/images/@x.Product_Image" alt=""/></a>
}
        <div>
<script type='text/javascript'>
   
    $(document).ready(function () {
        /* This is basic - uses default settings */
        $("a#single_image").fancybox();

        /* Using custom settings */
        $("a#inline").fancybox({
            'hideOnContentClick': false
        });

        /* Apply fancybox to multiple items */
        $("a.group").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'speedIn': 300,
            'speedOut': 300,
            'overlayShow': true
        });
    });
</script> 
<script>
    // Activate fancyBox
    $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
            padding: 10
        });

 </script>
       <script>
           // Launch fancyBox on first element
           $(".fancybox").eq(0).trigger('click');
    </script>
    
    </div>   
@*<script type='text/javascript'>
    $(document).ready(function () {
        /* This is basic - uses default settings */
        $("a#single_image").fancybox();

        /* Using custom settings */
        $("a#inline").fancybox({
            'hideOnContentClick': true
        });

        /* Apply fancybox to multiple items */
        $("a.group").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'speedIn': 600,
            'speedOut': 200,
            'overlayShow': true
        });
    });
</script> 
<script>
    // Activate fancyBox
    $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
            padding: 0
        });

 </script>
       <script>
           // Launch fancyBox on first element
           $(".fancybox").eq(0).trigger('click');
    </script>
    
*@
